<!DOCTYPE html>
<html>
<head>
    <title>Excel表格管理</title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group col-sm-2">
                <!--<input type="file" class="form-control" v-model="q.key" @keyup.enter="query" placeholder="参数名">-->
                <input id="fileupload" type="file" name="fileupload" data-url="execl/importExcel.json" multiple>
            </div>
        </div>
    </div>

    <div v-show="showList">
        <!--<input type="text" value="" id="exportFile" name="导出">-->
        <div class="grid-btn">
            <!--<div class="form-group col-sm-2">-->
                <!--<input type="text" class="form-control" v-model="q.key" @keyup.enter="query" placeholder="参数名">-->
            <!--</div>-->
            <a class="btn btn-default" @click="output" style="margin-left:50px;">导出</a>
            <a class="btn btn-default" @click="dele">删除</a>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">订单编号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.ordercode" placeholder="56g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">姓名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.name" placeholder="参数名"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">6g</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.g56" placeholder="56g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">156g</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.g156" placeholder="56g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">200g</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.g200" placeholder="200g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">300g</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.g300" placeholder="300g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">500g</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.g500" placeholder="500g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">罐500g</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.u500" placeholder="罐500g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">6g</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.g6" placeholder="6g"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">销售总额</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.money" placeholder="销售总额"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">重量(kg)</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.weight" placeholder="重量(kg)"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">快递方式</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.express" placeholder="快递方式"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">运费(元)</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="config.postage" placeholder="运费(元)"/>
                </div>
            </div>
            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">支付时间</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="date" class="form-control" v-model="config.payDate" placeholder="备注"/>-->
                <!--</div>-->
            <!--</div>-->
        </form>
    </div>

</div>



<script src="${rc.contextPath}/js/sys/excel.js?_${date.systemTime}"></script>
<script src="${rc.contextPath}/js/sys/jquery.ui.widget.js"></script>
<script src="${rc.contextPath}/js/sys/jquery.iframe-transport.js"></script>
<script src="${rc.contextPath}/js/sys/jquery.fileupload.js"></script>

<script>
$(function () {
    $('#fileupload').fileupload({
        done : function(e ,data){
        $("#jqGrid").jqGrid('setGridParam',{
                page:1
            }).trigger("reloadGrid");
        }
    });
});
</script>
</body>
</html>